<!DOCTYPE html>
<html lang="en" class="theme">
<head>
    <meta charset="UTF-8">
    <title>小说正文</title>
    <link rel="icon" type="image/x-icon" href="../img/logo.jpg">
    <link href="../js/bootstrap-3.3.7/dist/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/novelPublic.css">
    <link rel="stylesheet" href="../css/novelChapter.css">
    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
</head>
<body class="theme">
<div class="panel panel-middle theme">
<!--    左侧功能按钮-->
    <div class="btn-group theme">
        <dl>
            <dd class="theme"><a href="#"  onclick="novelChapterApp.toggleCatalog()">
                <span class="glyphicon glyphicon-th-list dd-icon" aria-hidden="true"></span>
                <span class="dd-text">目录(m)</span></a></dd>
            <dd class="theme"><a href="#" onclick="novelChapterApp.toggleTheme()">
                <span class="glyphicon glyphicon-cog dd-icon" aria-hidden="true"></span>
                <span class="dd-text">设置(s)</span></a></dd>
            <dd class="theme"><a href="bookcase.html">
                <span class="glyphicon glyphicon-book dd-icon" aria-hidden="true"></span>
                <span class="dd-text">书架(j)</span></a></dd>
        </dl>
    </div>
    <!--    设置-->
    <div id="panelTheme" class="panel-theme theme hidden">
        <div class="theme-item">
            <span class="theme-title">主题</span>
            <img src="../img/theme/theme-1.png" class="theme-img" onclick="novelChapterApp.changeTheme(1)">
            <img src="../img/theme/theme-2.png" class="theme-img" onclick="novelChapterApp.changeTheme(2)">
            <img src="../img/theme/theme-3.png" class="theme-img" onclick="novelChapterApp.changeTheme(3)">
            <img src="../img/theme/theme-4.png" class="theme-img" onclick="novelChapterApp.changeTheme(4)">
            <img src="../img/theme/theme-5.png" class="theme-img" onclick="novelChapterApp.changeTheme(5)">
            <img src="../img/theme/theme-6.png" class="theme-img" onclick="novelChapterApp.changeTheme(6)">
            <img src="../img/theme/theme-7.png" class="theme-img" onclick="novelChapterApp.changeTheme(7)">
        </div>
    </div>
<!--    小说正文-->
    <div class="panel-content theme">
        <!--    小说目录-->
        <div id="novelCatalog0" class="novel-catalogs theme">
<!--            关闭图标-->
            <span class="glyphicon glyphicon-remove close-catalog"
                  aria-hidden="true" onclick="novelChapterApp.toggleCatalog()"></span>
            <ul id="novelCatalogs" class="list-group">
<!--                <li class="list-group-item">第1章 一曲二三里一曲二三里</li>-->
            </ul>
        </div>
<!--        小说章节-->
        <div id="novelChapter"></div>
    </div>
    <div class="panel-footer theme">
        <a href="#" class="btn-up" onclick="novelChapterApp.chapterUpDown(-1)">上一章&nbsp;←</a><span class="str-split">|
        </span><a href="#" class="btn-down" onclick="novelChapterApp.chapterUpDown(1)">下一章&nbsp;→</a>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/novelChapter.js"></script>
</html>